<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体</title>

    <style>

        /* 
           font-face可以将服务器中的字体直接提供给用户去使用 
            问题：
                1.加载速度
                2.版权
                3.字体格式
        
        */

        /* @font-face {
                /* 指定字体的名字 
            font-family:'myfont' ;*/
            /* 服务器中字体的路径 
            src: url('./font/ZCOOLKuaiLe-Regular.ttf') format("truetype");
        }  */
        
        
         
        @font-face {
            font-family: "my-font";
            src: url(./font/ZCOOLKuaiLe-Regular.ttf);
        }

        p{
            font-family: my-font;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <p>人生若只如初见，何事秋风悲画扇</p>
</body>
</html>